<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <meta charset="UTF-8">
    <title>志愿服务</title>
    <meta name="page-view-size" content="1280*720">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/volunteer.css">
    <script type="text/javascript" src="../lib/js/evm.js"></script>
    <script type="text/javascript" src="../lib/js/Evm_djyw.js"></script>
    <script type="text/javascript" src="../lib/js/key.js"></script>
    <script src="../lib/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/api.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
    <style>

    </style>
</head>

<body>
  <marquee behavior="" direction="">欢迎您进入凤阳县新时代文明实践中心！</marquee>
  <div class="volunteer-bg" id="volunteerMain">
        <ul class="nav-bg" id="nav-bg">
        </ul>

        <!-- 下左侧模块 -->
        <!-- <ul id="menu_bg" class="menu-bg">



        </ul> -->


        <div class="list-bg">
            <div class="list-con" id="list-con"></div>
            <p class="page-show"><span id="now_page">0</span>/<span id="total_page">0</span>

            </p>
        </div>

    </div>

    </div>

</body>
<script>
  var modelIndex = {
      index: 0, //导航栏初始位置
      menuKey: '',
      menuPageSize: 3, //导航栏模块数量
      pageSize: 1, //主模块数量
      type: '',
      crumbs: '志愿凤阳',
      structure: 2, //上下结构  默认1是左右，2是上下结构
      menuContainerId: 'nav-bg', //包含导航栏模块的标签id
      menuListName: 'nav', //导航栏模块名称class
      mainContainerId: 'list-con', //包含主模块的标签id
      mainlistName: '', //主模块名称
      id: 'volunteer',
  }

  var leftData = [
    {
      name: '志愿者招募', //name
      id: '284', //唯一标识
      type_style: '3', //类别
      size: '8', //数量 
      rowHeight:4, 
      list_name: 'list-activity' //右侧模块classname
    }, 
    {
        name: '志愿活动', //name
        id: '3', //唯一标识
        type_style: '1', //类别
        size: '4', //数量  
        list_name: 'list-row', //右侧模块classname
        // is_cur: 'true'
        rowHeight: 3,
    },
    {
        name: '志愿者风采', //name
        id: '54', //唯一标识
        type_style: '3', //类别
        size: '8', //数量  
        list_name: 'list-video' //右侧模块classname
    }
    ];




    function getMenus(page, number) {
        if (typeof number == 'number') {
            // modelIndex.mainContainerId = leftData[number].list_name;
        }
        left.paint(page, number);

    }

    function getMessage(id, page, pos, index) { //id,类型，页码，上下页，位置
      console.log(id, page, pos, index,modelIndex.menuKey)
      var params = {
          // cid: id,
          page: page,
          pagesize: modelIndex.pageSize,
          // month: modelIndex.menuKey || ''
          // area_id: $.cookie('TV_CST_AREA')
      }

      if (id == '284') {   //志愿者招募
        GetDatas('volunteerGroupList', params, function (res, data) {
          var mess = data.data;
          console.log(mess.items, 111111111111)
          var str = '';               
          if (mess.items.length) {
            $('.page-show').css('display', 'block')
            for (var i = 0; i < mess.items.length; i++) {
              str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
                  " data-tpe=" + mess.items[i].tpe + " >";
              //是否有logo图片    
              if (mess.items[i].logo != "") {
                  str += "<img class='list-img' src=" + API_URL.imgURL + mess.items[i].logo + ">"
              } else {
                  str += '<img src="../images/base.png" alt="">'
              }
              //标题 人数 
              str += '<div class="list-title">"' + mess.items[i].title + '"</div>'
              str +='<div class="list-member">' + mess.items[i].volunteers + '</div>'

              str += '</div>'
            }
          } else {
              str = '<h1>暂无数据</h1>'
              $('.page-show').css('display', 'none')
          }
          $('#' + modelIndex.mainContainerId).html(str);
          MessOpt(page, mess.totalpage, pos, index);
        })
      } else if (id == 302) {
          console.log(modelIndex.menuKey)
          GetDatas('getShareList', {
            // share_type:'1'
              // id: modelIndex.menuKey||1
          }, function (res, data) {
              console.log(data.data)
              var str = '';
              var mess = data.data;
                $('.menu-bg').css('display',"none")
  //---------------------------------------------
              if (mess.items.length) {
                  for (var i = 0; i < mess.items.length; i++) {
                  }
              }else{
                str = '<h1>暂无数据</h1>'
              }
              $('.page-show').css('display', 'none')
              $('#' + modelIndex.mainContainerId).html(str);
              MessOpt(page, mess.totalpage, pos, index);
          })
      } else if(id == '3') {
        var params = {
          // cid: id,
          page: page,
          pagesize: modelIndex.pageSize,
          is_volunteer:1
          // month: modelIndex.menuKey || ''
          // area_id: $.cookie('TV_CST_AREA')
      }
          GetDatas('getActivityList', params, function (res, data) {
            var mess = data.data;
            console.log(mess.items)
            var str = '';
            $('.page-show').css('display', 'block')
            if (mess.items.length) {
              for (var i = 0; i < mess.items.length; i++) {
                str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
                        " data-tpe=" + mess.items[i].tpe + " >";
                if(modelIndex.mainlistName == 'list-row'){
                  str += '<div class="list-info">'
                  //图片                      
                  var img = '';
                  if (mess.items[i].images == '') {
                      img = '../images/base.png'
                  } else {
                      img = API_URL.imgURL + mess.items[i].images
                  }
                  str += '<div class="list-imgBar">'
                  str += "<img class='list-img' src=" + img + ">";
                  str += '</div>'
                  //标题
                  str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + "</p></div>";
                  //简介 时间
                  str +="<div class='list-address'>" + mess.items[i].address + "</div>"
                  str += "<div class='list-start-time'>" + mess.items[i].format_start_time +'-' + mess.items[i].format_end_time + "</div>"
                  //info结束
                  str += '</div>'

                  //活动状态
                  str += '<div class="list-status">'
                  if(mess.items[i].status == 3){
                    str += '<img src="../images/icon-2.png">'
                  }else if(mess.items[i].status == 2){
                    str += '<img src="../images/icon-1.png">'
                  }else {
                    str += '<img src="../images/icon-0.png">'
                  }
                  str += '</div>'

                  str += '</div>'
                }else if(modelIndex.mainlistName =='list-video'){
                  var img = '';
                  if (mess.items[i].images == '') {
                      img = '../images/base.png'
                  } else {
                      img = API_URL.imgURL + mess.items[i].images
                  }
                  str += '<div class="list-imgBar">'
                  str += "<img class='list-img' src=" + img + ">";
                  str += '</div>'
                  if (mess.items[i].tpe == 5 || mess.items[i].tpe == 4) {
                    str += "<div class='listPlay' ><img src='../images/play.png'></div>";
                  }
                  str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + '</p></div>'
                  str += '</div>'
                }            
              }
            } else {
                str = '<h1>暂无数据</h1>'
                $('.page-show').css('display', 'none')
            }
            $('#' + modelIndex.mainContainerId).html(str);
            MessOpt(page, mess.totalpage, pos, index,'run','ell');
        })
      } else if( id == '54'){
        var params ={
          cid: id,
          page: page,
          pagesize: modelIndex.pageSize,
        }
        GetDatas('getArticleList', params, function (res, data) {
            var mess = data.data;
            console.log(mess.items)
            var str = '';
            if (mess.items.length) {
              for (var i = 0; i < mess.items.length; i++) {
                str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
                        " data-tpe=" + mess.items[i].tpe + " >";
                if(modelIndex.mainlistName =='list-video'){
                  var img = '';
                  if (mess.items[i].images == '') {
                      img = '../images/base.png'
                  } else {
                      img = API_URL.imgURL + mess.items[i].images
                  }
                  str += '<div class="list-imgBar">'
                  str += "<img class='list-img' src=" + img + ">";
                  str += '</div>'
                  if (mess.items[i].tpe == 5 || mess.items[i].tpe == 4) {
                    str += "<div class='listPlay' ><img src='../images/play.png'></div>";
                  }
                  str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + '</p></div>'
                  str += '</div>'
                }            
              }
            } else {
                str = '<h1>暂无数据</h1>'
                $('.page-show').css('display', 'none')
            }
            $('#' + modelIndex.mainContainerId).html(str);
            MessOpt(page, mess.totalpage, pos, index,'run','ell');
        })  

      }
    }
    function direEnter(status, id, index) {
        if (status == 0) {
            TV.PromptMsg('报名成功')
            new TV.CookieOpt().clean();
        } else {
            if (id == 3) {
                window.location.href = "activeDetail.html?id=" + $('.active').attr('data-id') + '&isvolunteer=1';
                return
            }
            if (id == 284) {
                window.location.href = "teamDetail.html?id=" + $('.active').attr('data-id');
                return
            }
            if (id == 302) {
                window.location.href = "sesameList.html?id=" + $('.active').attr('data-id');
                return
            }
            var tpe = $('.active').attr('data-tpe');
            if (tpe == 4 || tpe == 5) {
                window.location.href = 'play.html?id=' + $('.active').attr('data-id');
            } else if (tpe == 1 || tpe == 2 || tpe == 3) {
                // if (tpe == 3) {
                //     window.location.href = './carrousel.html?id=' + $('.active').attr('data-id')
                //     return
                // }
                window.location.href = 'articleDetail.html?id=' + $('.active').attr('data-id') + '&type=' + $(
                    '.focus_menu').attr('data-id');
            }
        }



    }
</script>
<script type="text/javascript" src="../js/twoPageList.js"></script>

</html>